/* 
点击登陆按钮
1.收集表单数据
2.校验数据:非空校验 + 正则校验
3.发送ajax
4.响应成功，跳转到对应的登陆页面
 */
// 点击登陆按钮

  document.querySelector('#btn-login').addEventListener('click',async function() {
    // 1.收集表单数据
    const username = document.querySelector('[name="username"]').value
    const password = document.querySelector('[name="password"]').value
    // console.log(username,password);
    
    // 2.校验数据:非空校验 + 正则校验
    if(username === '' || password == ''){
      return Toast.fail('用户名和密码输入不能为空')
    }else if(username.length < 2 || password.length > 30) {
      return Toast.fail('用户名字符长度必须为2~30位')
    }else if(username.length < 2 || password.length > 30) {
      return Toast.fail('密码字符长度必须为2~30位')
    }
  
    // 3.发送ajax
    const {data} = await axios.post('/login', {username, password})
    // console.log(data.data.token);

    // 4.保存token
    localStorage.setItem('token', data.data.token)

    // 5.响应成功，跳转到对应的登陆页面
    Toast.success('登陆成功')
    location.href = './index.html'
  })


window.addEventListener('keydown', function(e) {
  // console.log(e.key === 'Enter');
  if(e.key === 'Enter'){
    document.querySelector('#btn-login').click()
  }
})